<template>
	<u-popup class="popupcss" :show="boxshow" mode="center" :round="20" @close="close()">
		<view class="orderContent colCen" >
			<view class="boxtitle">{{name}}</view>
			<image class ="qrcode" :src="qrcode" :show-menu-by-longpress="true"></image>
		</view>
	</u-popup>
</template>

<script>
	import storage from '../utils/storage';
	export default {
		data() {
			return {
				name:'',
				qrcode: '',
				boxshow: false,
				 scanResult: '' // 识别结果  
			}
		},
		methods: {
			show(info) {
				this.qrcode = info.community_image
				this.name = info.name
				this.boxshow = true
			},
			
			close() {
				this.boxshow = false
			},
		}
	}
</script>

<style scoped lang="scss">
	.orderContent {
		width: 580rpx;
		border-radius: 20rpx;
		overflow: hidden;
		padding: 31rpx 46rpx;

		.boxtitle {
			margin-top: 20rpx;
			font-weight: bold;
			font-size: 38rpx;
			color: #333333;
			margin-bottom: 30rpx;
		}

		.qrcode{
			width: 380rpx;
			height:380rpx;
		}
		.press{
			margin-top: 30rpx;
			font-size: 32rpx;
			color: #333333;
		}
	

		
	}
</style>